//组件形式的写法

import App from '../App';
import Home from '@/views/home/index';
import About from '@/views//about/index';
import User from '@/views//user/index';

import { BrowserRouter, Navigate, Routes, Route } from 'react-router-dom';

// 两种路由末世的组件：BrowserRouter (History模式) HashRouter(Hash模式)

// const baseRouter=()=>{
//     return( 
//     <BrowserRouter>
//         <Routes>
//             <Route path="/" element={<App />}>
//                 <Route path="/home" element={<Home />} />
//                 <Route path="/about" element={<About />} />
//                 <Route path="/user" element={<User />} />
//             </Route>
//         </Routes>
//     </BrowserRouter>
//     )
// }

// 以上的写法可以简写为 ,如果有逻辑就写成上面这种 

const baseRouter = () => {
    return (
        <BrowserRouter>
            <Routes>
                <Route path="/" element={<App />}>
                    {/* Navigate重定向 */}
                    <Route path="/" element={<Navigate to='/home'></Navigate>} />
                    <Route path="/home" element={<Home />} />
                    <Route path="/about" element={<About />} />
                    <Route path="/user" element={<User />} />
                </Route>
            </Routes>
        </BrowserRouter>
    )
}
export default baseRouter;